import {
    defineConfig,
    presetIcons,
    transformerDirectives,
    transformerVariantGroup,
} from 'unocss'

import { presetUni } from '@uni-helper/unocss-preset-uni'
import presetSafeArea from '@yeungkc/unocss-preset-safe-area'

export default defineConfig({
    presets: [
        presetUni(),
        presetSafeArea(),
        presetIcons({
            scale: 1.2,
            warn: true,
            extraProperties: {
                'display': 'inline-block',
                'vertical-align': 'middle',
            },
        }),
    ],
    theme: {
        fontSize: {
            x3s: '16rpx',
            x2s: '20rpx',
            xs: '24rpx',
            sm: '26rpx',
            base: '28rpx',
            lg: '32rpx',
            xl: '34rpx',
            x2l: '36rpx',
            x3l: '40rpx',
            x4l: '48rpx',
        },
        colors: {
            primary: '#3E5FF5',
            orange: '#FF7642',
            gray: '#565868',
            textgray: '#9497B1',
            lightgray: '#A6A8AF',
            yellow: '#E89E05',
            bgColor: '#fafafc',
        },
    },
    transformers: [
        transformerDirectives(),
        transformerVariantGroup(),
    ],
})
